<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试VUE的入门案例</title>
		<script src="./js/vue.js">			
		</script>
		
	</head>
	<body>
		<!--准备数据渲染区,{{msg}}叫插值表达式,是vue的固定语法,获取msg变量的值-->
		<div id="app">{{msg}}</div>
		<div id="app1">{{msg}}</div>
		<script>
			//准备数据(js对象)
			var a={
				msg:"hello vue~"
			}
			//把数据渲染到挂载点
			var com={
				//el属性是用来描述元素的(挂载点),data属性是要具体展示的数据
				el:"#app",//通过CSS提供的id选择器,选中了id=app的元素
				data:a//即将把a的数据渲染在挂载点
			}
			new Vue(com)
			new Vue({
				el:"#app1",
				data:{
					msg:"kkkkkk"
				}
			})
		</script>
	</body>
</html>
